<div class="wiki-bg-box">
	<div class="wiki-box">
		<div class="wiki-l-box">
			<ul>
				<li ng-repeat="item in aaa">
					<h1 class="oneclick" ng-click="getone($index,item.tcId)">{{item.tcName}}</h1>
					<ol ng-if="isShow[$index]">
						<li ng-repeat="item in bbb">
							<h2 class="twoclick" ng-click="gettwo($index,item.scId,item.tcId)">{{item.scName}}</h2>
							<ul ng-if="isShows[$index]">
								<div class="mutate" ng-if="isShowInter">
									<h3 ng-click="showli1()">{{h31}}</h3>
									<ol class="pa1">
										<li ng-repeat="item in zy" ng-bind="item.dcName" ng-click="getsan(item.dcId,item.scId,$event)"></li>
									</ol>
									<h3 ng-click="showli2()">{{h32}}</h3>
									<ol class="pa2">
										<li ng-repeat="item in lr" ng-bind="item.dcName" ng-click="getsan(item.dcId,item.scId,$event)"></li>
									</ol>
									<h3 ng-click="showli3()">{{h33}}</h3>
									<ol class="pa3">
										<li ng-repeat="item in ms" ng-bind="item.dcName" ng-click="getsan(item.dcId,item.scId,$event)"></li>
									</ol>
									<h3 ng-click="showli4()" ng-if="if4">{{h34}}</h3>
									<ol class="pa4" ng-if="if42">
										<li ng-repeat="item in duo" ng-bind="item.dcName" ng-click="getsan(item.dcId,item.scId,$event)"></li>
									</ol>									
								</div>
								<div class="native" ng-if="isShowOther">
									<li ng-repeat="item in ccc">
										<h3 class="threeclick" ng-click="getthree(item.dcId,item.scId,item.tcId,$index)">{{item.dcName}}</h3>
										<ol>
											<li>{{}}</li>
										</ol>
									</li>
								</div>

							</ul>
						</li>
					</ol>
				</li>
			</ul>
		</div>
		<div class="wiki-r-box">
			<ul class="wiki-r-box-top">
				<li class="all" ng-click="getalls()"><span>全部问题</span></li>
				<li class="over" ng-click="getover()"><span>已解决</span></li>
				<li class="none" ng-click="getnone()"><span>待解决</span></li>
				<li class="price" ng-click="getprice()"><span>悬赏问题</span></li>
				<li ng-click="gotoiask()">我要提问</li>
			</ul>
			<div class="wiki-list-top">
				<span>标题</span>
				<span>回复</span>
				<span>状态</span>
				<span>悬赏（积分）</span>
				<span>提问时间</span>
			</div>
			<div class="nodata">
				<div class="nodata1"></div>
				<div class="nodata2">暂无您要找的问答</div>
			</div>
			<ol class="wiki-list">
				<li ng-repeat="item in qqq"  ng-style="change($index)" ng-mouseenter="gaibian($index,item)">
					<span class="item-title" ng-click="jump(item.postbarId)">{{item.title}}</span>
					<span class="item-hover" ng-click="clickthe(item.closeStatus,item,$index)">快速回答</span>
					<span class="item-rep">{{item.replyCount}}</span>
					<span class="item-solve" ng-class="{'green':item.solve==2,'red':item.solve==1}">{{item.solveHtml}}</span>
					<span class="item-price">{{item.price!==null?item.price:0;}}</span>
					<span class="item-time">{{item.time|dateFilter2}}</span>
					<div class="div-kuai">
						<!--<div contenteditable="true" id="kuai-input" placeholder="快来回答问题吧"></div>-->
						<div id="kuai-input" class="content  f-editorBox" ng-if='curAnswer == item.postbarId'>
							<div ui-editor   id="editorbox1" set-model="$parent.$parent.editorContent"  editor-type="'tiny'" ></div>
						</div>
						<div class="kuai-bg"></div>
						<div class="kuai-sub" ng-click="subAnswer(item.postbarId,item.userId)">提交回答</div>
					</div>
				</li>
			</ol>
			<div class="tip-box">
				<div class="xbtn" ng-click="noxbtn()"></div>
				<div class="onet">您尚未登录。请<span ng-click="tologin()">登录</span>后提问</div>
				<div class="twot">如还没有注册，请点击<span ng-click="toreg()">注册</span></div>
			</div>
			<div class="fenyebox">
				<ui-pagination ng-if="paginationConf" conf="paginationConf"></ui-pagination>
			</div>

		</div>
	</div>
</div>

<div ng-include="'app/business/common/footer.html'" class="ng-scope"></div>
<style type="text/css">

#editorbox1 {
	margin-top: 0;
}	


.xbtn {
	position: absolute;
	right: 19px;
	top: 19px;
	width: 10px;
	height: 10px;
	background: url("them/img/xxx.png") 0px 0px no-repeat;
	background-size: 10px 10px;
	cursor: pointer;
}


.tip-box {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 318px;
	height: 152px;
	border: 1px #30a3ff solid;
	background-color: #fff;
	text-align: center;
	font-size: 14px;
	color: #666; 
}	
.tip-box > div > span {
	text-decoration: underline;
	color: #30a3ff;
	cursor: pointer;
}	
.onet {
	margin-top: 50px;
}	
.twot {
	margin-top: 6px;
}	
	/**/
#editorbox1 {
	width: 100%;
	height: 100%;
	z-index: 9999999;
}
/**/
.nodata {
	display: none;
}
.nodata1 {
	width: 192px;
	height: 150px;
	background: url("them/img/nodata.png") 0px 0px no-repeat;
	background-size: 192px 150px;
	margin: 0 auto;
	margin-top: 58px;
}
.nodata2 {
	font-size: 20px;
	color: #333;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 70px;
}
	/*快速回答input*/
	.kuaifile {
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0px;
		right: 0;
		bottom: 0;
		width: 80px;
		height: 24px;
		cursor: pointer;
		z-index: 99;
	}

	.kuai-sub {
		position: absolute;
		top: 246px;
		right: 28px;
		z-index: 999;
		width: 80px;
		height: 30px border-radius: 2px;
		background-color: #30a3ff;
		text-align: center;
		line-height: 30px;
		font-size: 14px;
		color: #fff;
		cursor: pointer;
	}
	
	.kuai-font {
		position: absolute;
		top: 249px;
		left: 120px;
		z-index: 999;
		width: 500px;
		height: 24px;
		line-height: 24px;
		font-size: 12px;
		color: #bbb;
	}
	
	.kuai-addpic {
		position: absolute;
		top: 249px;
		left: 28px;
		width: 78px;
		height: 24px;
		text-align: center;
		line-height: 24px;
		border: 1px #ddd solid;
		font-size: 12px;
		color: #999;
		z-index: 100;
		cursor: pointer;
		overflow: hidden;
	}
	
	.div-kuai {
		display: none;
		width: 940px;
		float: left;
		position: relative;
	}
	
	#kuai-input {
		position: absolute;
		left: 28px;
		top: 30px;
		width: 880px;
		height: 198px;
		z-index: 99;
	/*	border: 1px #ddd solid;*/
/*		padding: 10px 10px 10px 10px;*/
		/*overflow: hidden;
		line-height: 16px;
		outline: none;*/
	}
	
	.kuai-bg {
		position: absolute;
		left: 30px;
		top: 32px;
		width: 880px;
		height: 198px;
		background-color: #ebebeb;
		border: 1px #ddd solid;
		z-index: 88;
	}
	/*快速回答*/
	.item-hover {
		opacity: 0;
		width: 64px;
		height: 24px;
		border: 1px #30a3ff solid;
		border-radius: 25px;
		color: #30a3ff;
		text-align: center;
		line-height: 24px;
		margin-top: 10px;
		margin-left: 14px;
		cursor: pointer;
	}	
	/*wiki-list补充*/
	
	.pa1,
	.pa2,
	.pa3 {
		display: none;
	}
	
	.mutate h3 {
		display: none;
		font-size: 14px;
		color: #999;
	}
	
	.mutate li {
		font-size: 14px;
		color: #595959;
		padding-left: 50px;
		cursor: pointer;
		display: inline-block;
		float: left;
		width: 162px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		overflow: hidden;
	}
	
	.mutate li:hover {
		color: #fff;
		background-color: #30a3ff;
	}
	/*wiki-list*/
	
	.wiki-list {
		overflow: hidden;
	}
	
	.wiki-list>li {
		width: 940px;
		height: 44px;
		line-height: 44px;
		margin-left: 20px;
		margin-right: 20px;
	}
	
	.wiki-list li span {
		display: inline-block;
		float: left;
	}
	
	.item-title {
		width: 500px;
		margin-left: 20px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		cursor: pointer;
	}
	.item-title:hover {
		color: #30a3ff;
		text-decoration: underline;
	}
	.item-rep {
		display: inline-block;
		width: 34px;
		height: 44px;
		line-height: 44px;
		text-align: center;
		color:#999;
	}
	
	.item-solve {
		display: inline-block;
		width: 50px;
		height:24px;
		line-height:24px;
		margin-left:20px;
		text-align: center;
		background:white;
		border-radius:12px;
		margin-top:9px;
	}
	.item-solve.red{
		border:1px solid #ff0000;
		color:#ff0000;
	}
	.item-solve.green{
		border:1px solid #13ab2d;
		color:#13ab2d;
	}
	.item-price {
		display: inline-block;
		width: 88px;
		text-align: center;
		margin-left: 10px;
		color: #999;
	}
	
	.item-time {
		width: 80px;
		text-align: center;
		margin-left: 20px;
		color: #999;
	}
	
	.wiki-list-top {
		width: 940px;
		height: 34px;
		background-color: #f0f6fc;
		line-height: 34px;
		margin-left: 20px;
		margin-right: 20px;
	}
	
	.wiki-list-top span {
		float: left;
		display: inline-block;
		font-size: 14px;
		color: #000;
	}
	
	.wiki-list-top span:nth-child(1) {
		margin-left: 16px;
		margin-right: 556px;
	}
	
	.wiki-list-top span:nth-child(2) {
		margin-right: 40px;
	}
	
	.wiki-list-top span:nth-child(3) {
		margin-right: 32px;
	}
	
	.wiki-list-top span:nth-child(4) {
		margin-right: 41px;
	}
	/*r-box*/
	
	.wiki-r-box-top {
		position: relative;
		width: 100%;
		height: 68px;
		overflow: hidden;
	}
	
	.wiki-r-box-top li span {
		float: left;
		display: inline-block;
		width: 100px;
		height: 15px;
		line-height: 15px;
		text-align: center;
		border-right: 1px #ddd solid;
		margin-top: 26px;
	}
	
	.wiki-r-box-top li:nth-child(4) span {
		border-right: none;
	}
	
	.wiki-r-box-top li {
		display: inline-block;
		float: left;
		width: 100px;
		height: 68px;
		text-align: center;
		border-top: 2px #fff solid;
		cursor: pointer;
	}
	
	.wiki-r-box-top li:nth-child(1) {
		border-top-color: #30a3ff;
		color: #30a3ff;
	}
	
	.wiki-r-box-top li:nth-child(5) {
		position: absolute;
		right: 20px;
		top: 20px;
		width: 86px;
		height: 28px;
		line-height: 28px;
		border: 1px #30a3ff solid;
		border-radius: 2px;
		cursor: pointer;
		background: url("them/img/ido.png") 7px 8px no-repeat;
		background-size: 14px 13px;
		font-size: 16px;
		color: #30a3ff;
		padding-left: 12px;
	}
	/*3级菜单*/
	
	.wiki-l-box h3 {
		display: inline-block;
		float: left;
		width: 164px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		color: #999;
		cursor: pointer;
		padding-left: 36px;
		background: #fff url("them/img/tabadd.png") 179px 15px no-repeat;
		background-size: 10px 10px;
		overflow: hidden;
	}
	/*2级菜单*/
	
	.wiki-l-box h2 {
		display: inline-block;
		float: left;
		width: 175px;
		height: 40px;
		line-height: 40px;
		border: 1px #ddd solid;
		font-size: 16px;
		color: #666;
		cursor: pointer;
		padding-left: 23px;
		background: #f8f8f8 url("them/img/tabadd.png") 179px 15px no-repeat;
		background-size: 10px 10px;
		overflow: hidden;
	}
	/*1级菜单*/
	
	.wiki-l-box h1 {
		display: inline-block;
		width: 189px;
		height: 40px;
		line-height: 40px;
		border: 1px #ddd solid;
		font-size: 16px;
		color: #666;
		cursor: pointer;
		padding-left: 9px;
		background: #efeff0 url("them/img/tabadd.png") 179px 15px no-repeat;
		background-size: 10px 10px;
		margin-top: 21px;
	}
	
	.wiki-l-box ul li:nth-child(1) h1 {
		margin-top: 0;
	}
	/*背景布局设置*/
	
	.wiki-bg-box {
		width: 100%;
		height: 100%;
		background: url("them/img/jb-bg.png") 0px 0px repeat;
		background-size: 600px 600px;
		/*overflow: hidden;*/
	}
	
	.wiki-box {
		width: 1200px;
		height: 100%;
		margin: 0 auto;
		padding-top: 30px;
		overflow: hidden;
		padding-bottom: 50px;
	}
	
	.wiki-l-box {
		float: left;
		width: 200px;
		height: 100%;
		background-color: #fff;
		overflow: hidden;
	}
	
	.wiki-r-box {
		float: right;
		width: 980px;
		/*	height:1070px;*/
		background-color: #fff;
	}
	
	.wiki-box h1:hover {
		color: #30a3ff;
	}
	
	.wiki-box h2:hover {
		background-color: #30a3ff;
		color: #fff;
	}
	
	.wiki-box h3:hover {
		background-color: #30a3ff;
		color: #fff;
	}
</style>